// pages/consignee/consignee.js
import { getSite, update, del } from '../../utils/http'
// import Dialog from 'path/to/@vant/weapp/dist/dialog/dialog';
import Dialog from '../../miniprogram_npm/@vant/weapp/dialog/dialog';

Page({

  /**
   * 页面的初始数据
   */
  data: {
    oneList: [],//当前点击地址
    linkMan: "",//联系人
    mobile: "",//手机号
    address: "",//详细地址
    cityId: "",//所属城市编码
    provinceId: "",//所属省份编码
    districtId: "",//所属区县编码
    provinceStr: "请选择",
    shii: "请选择",
    qui: "请选择",
    actions: null,
    shiList: null,
    quList: null,
    id: null,
    token: null,
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    var token = wx.getStorageSync('token')
    this.showPopup()
    var id = options.id
    getSite({ token }).then(res => {
      var oneList = res.data.filter(item => {
        return item.id == id
      })
      this.setData({
        oneList,
      })
    })
    this.setData({
      id,
      token,
    })
  },
  // 请求省
  showPopup() {
    // 收货地址
    wx.request({
      url: `https://api.it120.cc/common/region/v2/province`,
      header: {
        'content-type': 'application/x-www-form-urlencoded'
      },
      success: (res) => {
        this.setData({
          actions: res.data.data
        })
      }
    })

  },
  // 请求市
  city(e) {
    this.setData({
      provinceStr: this.data.actions[e.detail.value].name,
      provinceId: this.data.actions[e.detail.value].id
    })
    // 收货地址
    wx.request({
      url: `https://api.it120.cc/common/region/v2/child?pid=${this.data.provinceId}`,
      header: {
        'content-type': 'application/x-www-form-urlencoded'
      },
      success: (res) => {
        this.setData({
          shiList: res.data.data
        })
      }
    })

  },

  // 请求区
  shi(e) {
    this.setData({
      shii: this.data.shiList[e.detail.value].name,
      cityId: this.data.shiList[e.detail.value].id
    })
    // 收货地址
    wx.request({
      url: `https://api.it120.cc/common/region/v2/child?pid=${this.data.cityId}`,
      header: {
        'content-type': 'application/x-www-form-urlencoded'
      },
      success: (res) => {
        this.setData({
          quList: res.data.data
        })
      }
    })
  },
  //   区
  qu(e) {
    this.setData({
      qui: this.data.quList[e.detail.value].name,
      districtId: this.data.quList[e.detail.value].id
    })
    console.log(this.data.districtId)
  },
  // 联系人
  onChange(event) {
    // event.detail 为当前输入的值
    this.setData({
      linkMan: event.detail,
    })
  },
  // 手机号
  onPhon(event) {
    this.setData({
      mobile: event.detail,
    })
  },
  // 详细地址
  onXiang(event) {
    this.setData({
      address: event.detail
    })
  },
  //   修改收货地址
  update() {
    update({
      cityId: this.data.cityId,//所属城市编码
      provinceId: this.data.provinceId,//所属省份编码
      districtId: this.data.districtId,//所属区县编码
      linkMan: this.data.linkMan,
      mobile: this.data.mobile,
      address: this.data.address,
      id: this.data.id,
      token: this.data.token
    }).then(res => {
      console.log(res)
    })

  },
  // 删除收货地址
  del() {
    console.log(this.data.token)
    del({ token: this.data.token, id: this.data.id }).then(res => {
      wx.redirectTo({
        url: '/pages/site/site'
      });

    })
    Dialog.confirm({
      title: '标题',
      message: '弹窗内容',
    })
      .then(() => {
        // on confirm
      })
      .catch(() => {
        // on cancel
      });
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})